<h2 class="tab-cont-h2">
    <a href="javascript:;">运单管理</a> > <span>运单列表</span>
</h2>
    <div class="nav-search ">
      
        <div class="col col1">
            <label class="nav-label">取货时间</label>
            <div class="inputbg">
                <input type="text" class="input start datepicker" id="Hdconsignee_time1"> --
                <input type="text" class="input end datepicker" id="Hdconsignee_time2">
            </div>
        </div>
        <a href="javascript:;" class="btn btn-primary" id="HDQUery">查询</a>
    </div>
<input type="hidden" id="wdpage" value="1" />
<div class="tab-container" id="waybillStoreListCont">

</div>
<nav class="page-nav ">
        <ul class="pagination" id="wayDeldemo">
           
        </ul>
    </nav>
<!--关闭弹框-->
<div class="modal fade model delmodel" id="closecpickModel" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="">关闭</h4>
            </div>
            <div class="modal-body additem">
            <form id="closedeliveryForm">
                <div class="form">
                    <div class="group">
                        <label class="l-label"><span class="need">*</span>运输情况：</label>
                        <div class="l-area">
                            <select class="select select3" id="closedelTransport">
                                <option value="0">运输情况</option>
                            </select>
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label"><span class="need">*</span>货物状态：</label>
                        <div class="l-area">
                            <select class="select select3" id="closedelType">
                                <option value="10">无损坏</option>
                                <option value="20">少量损坏</option>
                                <option value="30">大部损毁</option>
                                <option value="40">全部损毁</option>
                            </select>
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label">赔 偿 费：</label>
                        <div class="l-area">
                            <label class="l-radio">
                                <input type="radio" value="1" name="closetoarea" checked="checked">企业给物流
                            </label>
                            <label class="l-radio">
                                <input type="radio" value="10" name="closetoarea">物流给企业
                            </label>
                            <div class="input-group">
                                <div class="input-group-addon">¥</div>
                                <input type="text" class="form-control input1" id="closeexampleInputAmount" value="0" placeholder="">
                            </div>
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label">空 车 费：</label>
                        <div class="l-area">                           
                            <div class="input-group">
                                <div class="input-group-addon">¥</div>
                                <input type="text" class="form-control input1" id="ecloseexampleInputAmount"  value="0"  placeholder="">
                            </div>
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label">详情说明：</label>
                        <div class="l-area">
                            <textarea placeholder="" class="textarea textarea3" id="closemessageText"></textarea>
                        </div>
                    </div>
                    <div class="group none">
                        <label class="l-label">证据上传：</label>
                        <div class="l-area">
                            <div class="uploadbg">
                                +
                                <input type="file" class="file">
                            </div>
                            <div class="upload-tip">
                                <p>为了能够更快更好的解决问题，请你上传与商家沟通记录图片，
                                    <br> 或拍摄的货物图片。
                                </p>
                                <p>每张图片不超过 <span class="size">5M</span></p>
                                <p>仅支持 <span class="size">.PNG .JPG .JPEG </span>格式图片 5M</p>
                            </div>
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label"><span class="need">*</span>联 系 人：</label>
                        <div class="l-area">
                            <input type="text" class="input5" id="closecontacts" name="closecontacts">
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label"><span class="need">*</span>联系电话：</label>
                        <div class="l-area">
                            <input type="text" class="input5" id="closecontacts_phone" name="closecontacts_phone">
                        </div>
                    </div>
                </div>
                <div class="btn-area">
                    <input type="submit" id="closereceiptSure" class="btn sure" value="确定"/>
                    <a href="javascript:;" data-dismiss="modal" class="btn cancel">取消</a>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>


<div class="modal fade model delmodel" id="receiptModel" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">回单确定</h4>
            </div>
            <div class="modal-body additem">
            <form id="deliveryForm">
                <div class="form">
                    <div class="group">
                        <label class="l-label"><span class="need">*</span>运输情况：</label>
                        <div class="l-area">
                            <select class="select select3" id="delTransport">
                                <option value="0">运输情况</option>
                            </select>
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label"><span class="need">*</span>货物状态：</label>
                        <div class="l-area">
                            <select class="select select3" id="delType">
                                <option value="10">无损坏</option>
                                <option value="20">少量损坏</option>
                                <option value="30">大部损毁</option>
                                <option value="40">全部损毁</option>
                            </select>
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label">赔 偿 费：</label>
                        <div class="l-area">
                            <label class="l-radio">
                                <input type="radio" value="1" name="toarea" checked="checked">企业给物流
                            </label>
                            <label class="l-radio">
                                <input type="radio" value="10" name="toarea">物流给企业
                            </label>
                            <div class="input-group">
                                <div class="input-group-addon">¥</div>
                                <input type="text" class="form-control input1" id="exampleInputAmount"  value="0"  placeholder="">
                            </div>
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label">详情说明：</label>
                        <div class="l-area">
                            <textarea placeholder="" class="textarea textarea3" id="messageText"></textarea>
                        </div>
                    </div>
                    <div class="group none">
                        <label class="l-label">证据上传：</label>
                        <div class="l-area">
                            <div class="uploadbg">
                                +
                                <input type="file" class="file">
                            </div>
                            <div class="upload-tip">
                                <p>为了能够更快更好的解决问题，请你上传与商家沟通记录图片，
                                    <br> 或拍摄的货物图片。
                                </p>
                                <p>每张图片不超过 <span class="size">5M</span></p>
                                <p>仅支持 <span class="size">.PNG .JPG .JPEG </span>格式图片 5M</p>
                            </div>
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label"><span class="need">*</span>联 系 人：</label>
                        <div class="l-area">
                            <input type="text" class="input5" id="contacts" name="contacts">
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label"><span class="need">*</span>联系电话：</label>
                        <div class="l-area">
                            <input type="text" class="input5" id="contacts_phone" name="contacts_phone">
                        </div>
                    </div>
                </div>
                <div class="btn-area">
                    <input type="submit" id="receiptSure" class="btn sure" value="确定"/>
                    <a href="javascript:;" data-dismiss="modal" class="btn cancel">取消</a>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script type="text/template" id="closeTpl">
    <form class="additem">
        <h2 class="tab-cont-h2">
            <a href="javascript:;">运单管理</a> > <a href="javascript:;">运单列表</a> > <a href="javascript:;">运单详情</a> > <span>运单关闭</span>
        </h2>
        <h4 class="title-bar">运单关闭</h4>
        <div class="form">
            <div class="group">
                <label class="l-label"><span class="need">*</span>关闭原因：</label>
                 <input type="text" class="input input4" id="reason">
                /*<!--<div class="l-area none">
                    <select class="select select3">
                        <option>关闭原因：</option>
                    </select>-->*/
                </div>
            </div>
            <div class="group">
                <label class="l-label"><span class="need">*</span>货物状态：</label>
                <div class="l-area">
                    <select class="select select3">
                        <option>货物状态：</option>
                    </select>
                </div>
            </div>
            <div class="group">
                <label class="l-label">赔 偿 费：</label>
                <div class="l-area">
                    <label class="l-radio">
                        <input type="radio" value="1">企业给物流
                    </label>
                    <label class="l-radio">
                        <input type="radio" value="2">物流给企业
                    </label>
                    <div class="input-group">
                        <div class="input-group-addon">¥</div>
                        <input type="text" class="form-control input1" id="exampleInputAmount"  value="0"  placeholder="">
                    </div>
                </div>
            </div>
            <div class="group">
                <label class="l-label">详情说明：</label>
                <div class="l-area">
                    <textarea placeholder="" class="textarea textarea3"></textarea>
                </div>
            </div>
            <div class="group none">
                <label class="l-label">证据上传：</label>
                <div class="l-area">
                    <div class="uploadbg">
                        +
                        <input type="file" class="file">
                    </div>
                    <div class="upload-tip">
                        <p>为了能够更快更好的解决问题，请你上传与商家沟通记录图片，
                            <br> 或拍摄的货物图片。
                        </p>
                        <p>每张图片不超过 <span class="size">5M</span></p>
                        <p>仅支持 <span class="size">.PNG .JPG .JPEG </span>格式图片 5M</p>
                    </div>
                </div>
            </div>
            <div class="group">
                <label class="l-label"><span class="need">*</span>扣 款：</label>
                <div class="l-area">
                    <input type="text" class="input5">
                </div>
            </div>
            <div class="group">
                <label class="l-label"><span class="need">*</span>联 系 人：</label>
                <div class="l-area">
                    <input type="text" class="input5">
                </div>
            </div>
            <div class="group">
                <label class="l-label"><span class="need">*</span>联系电话：</label>
                <div class="l-area">
                    <input type="text" class="input5">
                </div>
            </div>
        </div>
        <div class="btn-area">
            <a href="javascript:;" id="btnSure" class="btn sure">确定</a>
            <a href="javascript:;" id="btnCancel" class="btn cancel">取消</a>
        </div>
    </form>
</script>
<script type="text/javascript" src="jquery.validate.min.js"></script>
<script type="text/javascript" src="bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script type="text/javascript" src="jqPaginator.js" charset="UTF-8"></script>
<script src="waybill_deliverylist.js"></script>
<script type="text/template" id="waybillDeliveryListTpl">
     <table class="table table-hover table-responsive">
        <tr class="thead">
            <td class="td1">标书编号</td>
            <td class="td2">订单编号</td>
            <td class="td3">结标时间</td>
            <td class="td4">取货时间</td>
            <td class="td5">收货地</td>
            <td class="td6">状态</td>
            <td class="td7">价格（元）</td>
            <td class="td8">操作</td>
        </tr>
        <tr class="trh7">
            <td colspan="8">&nbsp;</td>
        </tr>
        <%if(obj.Items.length>0){%>
        <%_.each(obj.Items,function(item,i){%>
            <tr class="tbody tbody-<%=(i%2 == 0 ? 1:2)%>">
                <td>
                <a href="javascript:;" class="bid-no" data-id="<%=item.bid_id%>"><%=item.bid_no%></a>
            </td>
            <td class="tdtextal"><%=item.order_num%></td>
            <td><%=item.end_bid_time%></td>
            <td><%=item.consignee_time%></td>
            <td class="tdtextal"><%=item.end_address%></td>
            <td><%if(item.load_state==1){%>
                等待取货
                <%}else if(item.load_state==10){%>
                    未取货
                <%}else if(item.load_state==20){%>
                    已取货
               <%}else if(item.load_state==30){%>
                    到货确认
                <%}else if(item.load_state==40){%>
                    回单确认 
                <%}else if(item.load_state==50){%>
                    运单结束 
                <%}else if(item.load_state==100){%>
                    关闭 
                <%}%>
                </td>
            <td class="tdtextar"><%=item.price%></td>
            <td>
            <a href="#" data-toggle="modal" data-target="#receiptModel" data-itemid="<%=item.bid_id%>" data-loadno="<%=item.load_no%>" data-bno="<%=item.bid_no%>">回单确定</a>
             <a href="#" data-toggle="modal" data-target="#closecpickModel"  data-itemid="<%=item.bid_id%>" data-loadno="<%=item.load_no%>" data-bno="<%=item.bid_no%>">关闭</a>
            </td>
            </tr>
        <%})%>
       <%}else{%>
               <tr><td colspan="8" style="text-align:center;">暂无数据</td></tr>
            <%}%>
    </table>
    
</script>
